<template>
	<!-- 人口卡片编辑 -->
	<view class="populationcard-container">
		<view class="card-content">
			<view class="card-item">
				<view class="item-left">卡片类型</view>
				<view class="item-right">优抚人员</view>
			</view>
			<view class="card-item">
				<view class="item-left">入伍时间</view>
				<view class="item-right">请选择</view>
			</view>
			<view class="card-item">
				<view class="item-left">退伍时间</view>
				<view class="item-right">请选择</view>
			</view>
			<view class="card-item">
				<view class="item-left">对象属别</view>
				<view class="item-right"><input placeholder="请填写对象属别"></view>
			</view>
			<view class="card-item">
				<view class="item-left">评定时间</view>
				<view class="item-right">请选择</view>
			</view>
		</view>
		<view class="card-btn">保存</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.populationcard-container{
		background-color: #f5f6f7;
		min-height: 100vh;
		.card-content{
			
			.card-item{
				display: flex;
				justify-content: space-between;
				align-items: center;
				background-color: #fff;
				border-bottom: 1px solid #f4f1f1;
				padding: 20rpx;
				.item-left{
					color: #333;
					font-size: 28rpx;
				}
				.item-right{
					font-size: 28rpx;
					color: #999;
					input{
						text-align: right;
					}
				}
			}
		}
		.card-btn{
			width: 600rpx;
			height: 90rpx;
			background-color: #007AFF;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 30rpx;
			color: #fff;
			border-radius: 45rpx;
			position: fixed;
			bottom: 30rpx;
			left: 50%;
			transform: translateX(-300rpx);
		}
	}
</style>
